<template>
  <van-nav-bar
    :title="props.title"
    :left-text="props.leftText"
    left-arrow
    @click-left="onClickLeft"
    :right-text="props.rightText"
    @click-right="onClickRight"
  />
</template>
<script setup lang="ts">
import { ref } from 'vue'
const onClickLeft = () => history.back()
// 接收来自父组件的数据
let props = defineProps({
  title: {
    type: String,
    default: ''
  },
  leftText: {
    type: String,
    default: '返回'
  },
  rightText: {
    type: String,
    default: ''
  }
})
// 接收来自父组件的数据 end

// 使用 defineEmits 注册一个自定义事件,子组件调用父组件方法
const emit = defineEmits(['getValue'])
const onClickRight = () => {
  emit('getValue', '子传的消息')
}
const testsonfFn = () => {
  alert('父组件调用子方法')
}
let sonState = ref('子组件私有化数据')
defineExpose({
  testsonfFn,
  sonState
})
</script>
<style scoped></style>
